.order {
  background: #F9F9F9;
  padding: 10px 15px;
  height: calc(100vh - 47px);
  overflow: auto;

  .item {
    padding: 15px;
    opacity: 1;
    background: #ffffff;
    border: 1px solid #f8f8f8;
    border-radius: 13px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08);
    margin-bottom: 10px;
    position: relative;
    .status {
      position: absolute;
      top: 0;
      right: 15px;
      opacity: 1;
      font-size: 12px;
      font-weight: 400;
      text-align: center;
      color: #ffffff;
      line-height: 12px;
      padding: 8px;
      &.yellow {
        background: #F4C758;
      }
      &.red {
        background: #FF5167;
      }
      &.green {
        background: #01C1A3;
      }
    }
    p {
      margin-bottom: 0;
    }

    .title {
      opacity: 1;
      font-size: 16px;
      font-weight: 500;
      text-align: left;
      color: #595959;
      line-height: 22px;
      margin-bottom: 15px;
    }

    .info {
      display: flex;
      margin-bottom: 10px;

      img {
        width: 100px;
        height: 100px;
        margin-right: 10px;
        border-radius: 5px;
      }

      > div {
        padding: 3px 3px 0 0;

        .houseName {
          opacity: 1;
          font-size: 14px;
          font-weight: 400;
          text-align: left;
          color: #595959;
          line-height: 22px;
          margin-bottom: 8px;
          white-space: pre-wrap;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }

        .owner, .amount {
          opacity: 1;
          font-size: 12px;
          font-weight: 400;
          text-align: left;
          color: #8c8c8c;
          line-height: 18px;
        }

        .owner {
          margin-bottom: 8px;
        }
      }
    }

    .createTime {
      opacity: 1;
      font-size: 12px;
      font-weight: 400;
      text-align: left;
      color: #595959;
      line-height: 18px;
      margin-bottom: 10px;
      span {
        color: #8C8C8C;
      }
    }
  }
}
